<!DOCTYPE html>
<html lang="en">
<head>
    <TITLE> ZTREE DEMO - Simple Data</TITLE>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="/static/css/zTree_v3/demo.css" type="text/css">
	<link rel="stylesheet" href="/static/css/zTree_v3/zTreeStyle/zTreeStyle.css" type="text/css">
	<script src="/static/js/zTree_v3/jquery-1.4.4.min.js"></script>
    <script src="/static/js/zTree_v3/jquery.ztree.core.min.js"></script>
	<!--  <script type="text/javascript" src="../../../js/jquery.ztree.excheck.js"></script>
	  <script type="text/javascript" src="../../../js/jquery.ztree.exedit.js"></script>-->
	<SCRIPT type="text/javascript">
		<!--
		var setting = {
			data: {
				simpleData: {
					enable: true
				}
			}
		};

		var zNodes ={{ tree_items| safe }};

		$(document).ready(function(){
			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
		});
		//-->
	</SCRIPT>
</head>
<body>
    <div class="zTreeDemoBackground left">
		<ul id="treeDemo" class="ztree"></ul>
	</div>
</body>
</html>